<template>
  <div class="lun-img">
    <div class="inner">  <!--专辑容器-->
      <a hidefocus="true" href="javascript:void(0)" class="pre">&nbsp;</a>  <!--上一个按钮-->
      <div class="roll">  <!--专辑容器small-->
        <ul>
        <li v-for="item in items" >
          <div class="u-cover" v-bind:class='item.oclass'>
              <img class="j-img" data-src="http://p4.music.126.net/8pIIIOpj9yvG1q1KrLnpxg==/18535567022899061.jpg?param=100y100" src="http://p4.music.126.net/8pIIIOpj9yvG1q1KrLnpxg==/18535567022899061.jpg?param=100y100">
              <!--<a title="四季彩-shikisai-" href="/album?id=35292444" class="msk"></a>-->
              <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放" data-res-type="19" data-res-id="35292444" data-res-action="play"></a>
          </div>
          <p class="f-thide"><a title="四季彩-shikisai-" href="/album?id=35292444" class="s-fc0">四季彩-shikisai-</a></p>
          <!--<p class="tit f-thide" title="和楽器バンド">-->
          <a class="s-fc3" href="/artist?id=906077">和楽器バンド</a>
          </p>
        </li>
        
        </ul>
      </div>
      <a hidefocus="true" href="javascript:void(0)" class="nxt">&nbsp;</a>
    </div>
      
  </div>
  
</template>

<script>
export default {
  name: 'swlunbo',
  data () {
    return {
      items:[
        1,2,2,2,{oclass:'addleft'},2,2,2,2,2,2,2,2,2,2
      ]
    }
  }
 
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.lun-img{
  position: relative;
  zoom: 1;
  height: 186px;
  margin: 40px 20px 37px 20px;
  border: 1px solid #d3d3d3;
  overflow: hidden;
}
  .inner{
  height: 184px;
  padding-left: 16px;
  background: #f5f5f5;
  border: 1px solid #fff;
  /*border: 1px solid red;*/
  }
  .lun-img .pre, .lun-img .nxt {
    position: absolute;
    top: 79px;
    width: 17px;
    height: 17px;
}
.roll{
  overflow: hidden;
  /*border: 1px solid #000;*/
  width: 1995px;
  position: relative;
  
}
.roll ul li {
  float: left;
  width: 118px;
  height: 150px;
  margin: 30px 0px 0 11px;
  /*transform: scale(0.95);*/
  cursor: pointer;
  /*border: 1px solid #000;*/
}
.u-cover{
    margin-bottom: 7px;
    width: 116px;
    height: 100px;
    /*background: transparent;*/
    box-shadow: 0px 1px 8px 5px #ccc;
}
.roll .s-fc0{
  color: #000;
}
.roll .s-fc3{
  color: #999;
}
.addleft{
  margin-right: 50px;
}

</style>
